(function(){
    //懒加载
    $(function(){
        $("img.lazy").lazyload({effect: "fadeIn"});
    })
    //获取sessionStorage里的数据
    $(function(){




        var obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
        console.log(obj);
        if(obj.u_name){
            //header文字修改
            $(".header .h-right1").html(`<a href="">${obj.u_name},欢迎您!</a>`).find("a").css({
                color:"#000"
            })
            //头像图片修改
            $(".ban-right").find(".br-timg").find("img").attr("data-original","./images/portrait.png").addClass("actproimg")
            //头像下的文字
            $(".nett").text(`${obj.u_name}欢迎您`)
            $(".br-top").find(".br-two").find("a").eq(0).text("我的元素").end().eq(1).text("退出")
            $(".br-top").find(".br-form").html(`<p><span class="payment">0</span><br><span >待付款</span></p>
                                                <p><span>0</span><br><span>待收货</span></p>
                                                <p><span>0</span><br><span>待评价</span></p>`)
            console.log(123);
        }else{
            $(".header .h-right1").html(`<a href="">Hi,欢迎来到元素商场</a>
                                        <a href="land.html">登陆</a>
                                        <a href="register.html">注册</a>`)
            $(".br-top").find(".br-form"). html(`<span class="iconfont icon-qq"></span>
                                                <span class="iconfont icon-zhifubao"></span>
                                                <span class="iconfont icon-weixin"></span>`)                           
            
        }
    })
    //轮播图
    $.fn.extend({
        opacit(){
            var n=0
            var arr=["#51c4f3","#f1ad58","#91b6e0","#fe413f","#1b368d"]
            setInterval(()=>{
               n++
                if(n>4){
                    n=0
                }
                this.children("ul").children().eq(n).fadeTo(20,1,function(){
                    $(".con-banner").css({
                        background:arr[n%5],
                    })
                }).siblings().fadeOut()
                this.children("ol").children().eq(n).addClass("curren").siblings().removeClass("curren")
               
            },5000)
        }
    })
    $(function(){
        $(".banner-con").opacit()
        //banner的tab切换
        $(".con-list").children().on("mouseenter",function(){
            $(this).find(".cl-left1").show()
        }).on("mouseleave",function(){
            $(this).find(".cl-left1").hide()
        })
        //移入隐藏的li1
        $(".cl-left1ul").children().on("mouseenter",function(){
            $(this).css({
                background:"#eeeeee",
                color:"#fac672"
            }).siblings().css({
                background:"#fff",
                color:"#000"
            })
        }).on("mouseleave",function(){
            $(this).css({
                background:"#fff",
                color:"#000"
            })
        })
        //移入隐藏的li2
        $(".cl-left2ul").children().on("mouseenter",function(){
            $(this).css({
                border:"1px solid #eee"
            }).siblings().css({
                border:"none"
            })
        }).on("mouseleave",function(){
            $(this).css({
                border:"none"
            })
        })
        //csection的tab切换
        $(".sec2-listTop>li").on("mouseenter",function(){
            $(this).addClass("current").siblings().removeClass("current")
            var $index=$(this).index()
            var setinde=$(this).parent().children().length-1
            $(this).parent().children().eq(setinde).children().eq($index).show().siblings().hide()
        })
        //鼠标移入li的变化
        //section2
        $(".sec2-listcen").children().on("mouseenter",function(){
            $(this).css({
                boxShadow: "0px 5px 5px 4px rgb(219,219,219)",
            }).siblings().css({
                boxShadow:"0px 0px 0px 0px #eee"
            })
        }).on("mouseleave",function(){
            $(this).css({
                boxShadow: "0px 0px 0px 0px #eee",
            })
        })
        //section1
        $(".sec1-list").children().on("mouseenter",function(){
            $(this).css({
                boxShadow: "0px 5px 7px 4px rgb(219,219,219)",
            }).siblings().css({
                boxShadow:"0px 0px 0px 0px #eee"
            })
        }).on("mouseleave",function(){
            $(this).css({
                boxShadow: "0px 0px 0px 0px #eee",
            })
        })



        //盖楼层
        
        $(".elevator li").on("click", function () {
            var $index = $(this).index();
            
            
            var curTop = $("article .item").eq($index).offset().top;
            $(this).addClass("active").siblings().removeClass("active")
            
            //滚轮活动
            $("html,body").animate({
                scrollTop: curTop
            })
        })
    
   
        $(".elevator li").on("mouseenter",function(){
            $(this).addClass("current").siblings().removeClass("current")
        
        }).on("mouseleave",function(){
            $(this).removeClass("current")
        
        })
        //滚动条事件
        $(window).on("scroll",_.debounce(function () {

            var itemsList = [...$("article .item")].map(item => {
                return $(item).offset().top + $(item).height()
            })
            // console.log(itemsList);
            var scrollTop = $(this).scrollTop();//获取当前的不可见区域的高度
            if(scrollTop>200){
                $(".elevator").show()
            }else{
                $(".elevator").hide()
            }
            var index = itemsList.findIndex(item =>scrollTop+20<item)
            $(".elevator li").eq(index).addClass("active").siblings().removeClass("active")
        },100))
        //触发滚轮滑动,但不触发默认行为
        $(window).triggerHandler("scroll")

        //右边的楼层，鼠标移出移出
        $(".conele li").on("mouseenter",function(){
            $(this).css({
                background:"#3485fb",
                color:"#fff"
            }).siblings().css({
                background:"#fff",
                color:"#3485fb"
            })
            $(this).find(".ele-text").show().end().siblings().find(".ele-text").hide()
        }).on("mouseleave",function(){
            $(this).css({
                background:"#fff",
                color:"#3485fb"
            })
            $(this).find(".ele-text").hide()
        }) 
        //返回顶部
        $(".toTop").on("click", function () {
            //注意! 回到顶部
            $("html,body").animate({
                scrollTop: 0
            })
        })
        //进入购物车
        $(".cartShop").on("click",function(){
            let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
            if(obj.u_id){
                location="Cart.html"
            }else{
                alert("还未登陆账号,请前往登陆")
                location="land.html"
            }
        })
        //鼠标移入移出nav的效果
        $(".con-nlist .nav-min").on("mouseenter",function(){
            $(this).css({
                color:"#3399cc"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#000"
            })
        })


        //鼠标移入购物车效果
        $(".cot-reig").on("mouseenter",function(){
            $(this).find("a").css({
                color:"#fff"
            })
            $(this).find(".gwc").css({
                color:"#fff"
            })
            $(this).css({
                background:"#3398cc"
            })
        }).on("mouseleave",function(){
            $(this).find("a").css({
                color:"#000"
            })
            $(this).find(".gwc").css({
                color:"#f4b75a"
            })
            $(this).css({
                background:"#fff"
            })
            

        })

        //鼠标点击购物车的效果
        // var obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
        $(".cot-reig").on("click",function(){
            let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
            if(obj.u_id){
                location="Cart.html"
            }else{
                alert("还未登陆账号,请前往登陆")
                location="land.html"
            }

        })








        //鼠标移入移出的效果
        $(".bom-coms>li").on("mouseenter",function(){

            $(this).find("a").css({
                color:"#f1c272"
            })
        }).on("mouseleave",function(){
            $(this).find("a").css({
                color:"#9b9b9b"
            })
        })
        $(".foot2-left dd").on("mouseenter",function(){
            $(this).css({
                color:"#3398cc"
            }).siblings().css({
                color: "#303433"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#303433"
            })
        })




        //点击商品li,进入详情页
        $(".over-hiddlist li").on("click",function(){
           let $str= $(this).find("div").children().eq(1).text()
           let  $arr=$str.split("")
                $arr.shift()  
            var $str1=""
                $arr.forEach(item => {
                    $str1+=item
                });

            var oDeta={
                cimg:$(this).find("img").attr("src"),
                cname:$(this).find("div").children().eq(0).text(),
                cprice:$str1
            }
            sessionStorage.setItem("odeta",JSON.stringify(oDeta))
            // console.log(oUser);
            location="details.html"
        })

        //点击退出
        $(".br-two").children().eq(2).on("click",function(){
            let oBack={ }
            sessionStorage.setItem("ouser",JSON.stringify(oBack))
            location.replace("register.html")

        })





        //购物车数量
        let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
        let oUer={
            uid:obj.u_id
        }
        $.ajax({
            url:"./goods/search",
            type:"get",
            data:oUer
        }).then(function(res){
            let {msg,data,code}=res
            $(".car-num").text(data.length)
            $(".payment").text(data.length)
        })

        //点击头像更改图片路径
        var m=1
        $(".actproimg").on("click",function(){
            if(m>=4){
                m=1
            }
            console.log(m);
            $(this).attr("src",`./images/portrait${m}.png`)
            m=m+1
        })


        
    })
    
    
})()